---
id: ms05
title: 5. 菜单管理
sidebar_label: 5. 菜单管理
---

import useBaseUrl from "@docusaurus/useBaseUrl";

`vben` 中的菜单是一个广义的菜单，包含目录与菜单。

## 5.1 主要界面

### 5.1.1 查询页

<img src={useBaseUrl("img/modules/sys/menu/01.png")}/>

采用虚拟化树形表格，支持超大数据渲染

### 5.1.2 编辑页

<img src={useBaseUrl("img/modules/sys/menu/02.png")}/>

主要字段点击左侧？号都有使用说明。

图标可通过 [iconify](https://icon-sets.iconify.design/) 设置

<img src={useBaseUrl("img/modules/sys/menu/03.png")}/>

## 5.2 表结构

主表：sys_perm_menu

| 字段名   | 类型       | 长度   |注释              |说明                     |
| ------- | --------- | ----- |-----------------|---------------------------|
| id      | bigint   |     |主键ID          |   |
| avtag   | bit       | 1     |可用标记          |   |
| catag   | bit       | 1     |缓存标记           | 是否启用keep-alive |
| comp      | varchar   | 64    |组件路径          | 示例：tool/dict/index  |
| crtim   | datetime  |      |创建时间         |第一次插入后，就不再更新|
| cruid   | varchar   | 36    |创建人ID           |第一次插入后，就不再更新|
| icon   | varchar   | 64    |图标           | 示例：fluent-mdl2:dictionary   |
| name    | varchar   | 64   |菜单名称         |   |
| notes   | varchar   | 255   |备注            |   |
| ornum   | int       |     |排序号           |   |
| param   | varchar   | 64    |路由参数           |    |
| path   | varchar   | 64    |路由路径           |  示例：dict，路径会结合父级路径，如示例中此路径父级路径为tool，则最终路径为 /tool/dict  |
| pid   | bigint   |     |父ID           |    |
| shtag   | bit       | 1     |显示标记           |  |
| type    | varchar   | 8   |类型         | 1：目录，2：菜单  |
| uptim   | datetime  |      |更新时间         |  第一次插入时同crtim |
| upuid   | varchar   | 36    |修改人ID           |  第一次插入时同cruid |